<template>
  <div>
    <el-button @click="decrease">-</el-button>
    <el-button>{{ count }}</el-button>
    <el-button @click="increase">+</el-button>
    <div>userName {{ userInfo.name }}- {{ userInfo.age }}-{{ userInfo?.king?.age }}</div>
  </div>
</template>

<script setup>
import { ref, reactive } from 'vue';

let count = ref(1);

const decrease = () => {
  count.value--;
};
const increase = () => {
  count.value++;
};

let userInfo = reactive({
  name: '天平太国',
  age: 14
});
</script>
